<!--
 * @Date         : 2020-05-03 17:44:36
 * @LastEditors  : Mao NianYou
 * @LastEditTime : 2020-05-03 17:58:50
 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>demo-lazyload</title>
    
    <script src="https://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>

    <style>
        .container{
            padding:10px 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            height: auto;
            border: 1px solid gray;
            background-color: lightskyblue;
        }

        .img{
            flex: 1;
            margin: 10px 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <h2>用于展示图片的页面，检验我们的懒加载插件</h2>
    
    <div id="container" class="container">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575255351&di=f793ab57355f48f8dac4dd9c84df3f79&imgtype=jpg&er=1&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fa%2F591580f307d75.jpg">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="http://pic41.nipic.com/20140514/13102479_214919550103_2.jpg">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="http://pic41.nipic.com/20140514/13102479_215137440121_2.jpg">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="http://pic38.nipic.com/20140213/9422601_094926378000_2.jpg">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="http://pic41.nipic.com/20140505/9448607_213048662000_2.jpg">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="https://setouchifinder.com/ja/wp-content/uploads/sites/2/2018/03/01onokorojima.jpg">
        <img src="./blank_img.png" alt="" class="img" data-lazysrc="http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1703/23/c15/40225820_1490275789503.jpg">
    </div>

    <script src="./jquery.lazyloader.js"></script>

    <script>

        window.onload = function() {
            $('.img').lazyLoad({
                preOffset: 80,
                container: null
            })
        }

    </script>
</body>
</html>